<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="templateUsuarios.xhtml">

	<ui:define name="content">
		<h:form prependId="false">
			<h:panelGrid columns="2">
				<p:panel>
					<p:fieldset legend="#{msg.medico}">
						<h:panelGrid columns="4">
							<h:outputText value="Nome:" />
							<h:inputText />
							<h:outputText value="Funcao:" />
							<h:inputText />
							<h:outputText value="CRM:" />
							<h:inputText />
							<p:spacer width="1" />
							<p:commandLink>
								<p:graphicImage value="images/find.png" style="border: none;"
									width="25" height="25" />
							</p:commandLink>
						</h:panelGrid>
					</p:fieldset>
					<p:calendar mode="inline" navigator="true"
						value="#{consultaBean.consulta.data2 }"
						selectListener="#{consultaBean.atualizaListaConsulta}"
						onSelectUpdate="listaConsulta" pattern="dd/MM/yyyy" />
					<p:fieldset legend="#{msg.paciente}">
						<h:panelGrid columns="4">
							<h:outputText value="Nome:" />
							<h:inputText />
							<h:outputText value="Funcao:" />
							<h:inputText />
							<h:outputText value="CRM:" />
							<h:inputText />
							<p:spacer width="1" />
							<p:commandLink>
								<p:graphicImage value="images/find.png" style="border: none;"
									width="25" height="25" />
							</p:commandLink>
						</h:panelGrid>
					</p:fieldset>
				</p:panel>
				<p:panel>
					<h:panelGrid columns="1">
						<p:dataTable id="listaConsulta" widgetVar="listaConsulta"
							value="#{consultaBean.listConsulta}" var="consulta"
							scrollable="true" height="300"
							selection="#{consultaBean.consulta}" selectionMode="single">
							<f:facet name="header">
								<h:outputText value="Consultas" />
							</f:facet>
							<p:column headerText="Horario">
								<h:outputText value="#{consulta.data2}">
									<f:convertDateTime pattern="HH:mm" timeZone="America/Sao_Paulo" />
								</h:outputText>
							</p:column>
							<p:column headerText="Pacientes">
								<p:dataList value="#{consulta.pessoas}" var="paciente"
									itemType="disc">
							#{paciente.nome}
							</p:dataList>
							</p:column>
							<p:column headerText="Confirmado">
								<h:selectBooleanCheckbox value="#{consulta.flConfirmado}"
									rendered="#{consulta.flConfirmado == false || consulta.flConfirmado == null}" />
								<p:graphicImage value="images/ok.png" width="30" height="30"
									rendered="#{consulta.flConfirmado == true}" />
							</p:column>
							<p:column headerText="Realizado">
								<h:selectBooleanCheckbox value="#{consulta.flConfirmado}" />
							</p:column>
						</p:dataTable>

					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
		</h:form>
	</ui:define>
</ui:composition>